<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <%@include file="/static/common/commonHead.jsp"%>
    <script type="text/javascript" src="/static/js/chart/chart.js"></script>
    <script type="text/javascript" src="/static/plugins/echarts/jquery.artDialog.js?skin=blue"></script>
    <script type="text/javascript" src="/static/plugins/echarts/plugins/iframeTools.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".chart").click(function () {
                var keyword = $("#keyword").textbox("getValue");
                var groupByTypeId = $("#group").combobox("getValue");
                var beginDate = $("#beginDate").datebox("getValue");
                var endDate = $("#endDate").datebox("getValue");
                var qos = "keyword="+keyword+"&groupByTypeId="+groupByTypeId+"&groupByTypeId="+groupByTypeId+
                                "&beginDate="+beginDate+"&endDate="+endDate;
                $.dialog.open($(this).data("url")+"?"+qos,{
                    id: 'saleByBar',
                    title: '销售柱状图',
                    width: 800,
                    height: 500,
                    left: '50%',
                    top: '50%',
                    background: '#000000',
                    opacity: 0.1, //设置透明度
                    lock: true,
                    resize: false,  //是否允许用户编辑其大小
                },false);
            });
        });
    </script>
</head>
<body>
<%--工具栏--%>
<div id="tools">
    <input class="easyui-textbox" id="keyword" prompt="学员姓名/居住地质/毕业学校/电话" name="keyword" data-options="width:'260px'">
    <a class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reloadList">刷新</a>

    入学时间:<input class="easyui-datebox" id="beginDate">~
    <input class="easyui-datebox" id="endDate">

    分类<input id="group" />
    <a class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" data-cmd="searchs"></a>
    <a class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-print'"
       onclick="window.open('/chart/exportXls.do')">导出</a>
    <a class="easyui-linkbutton chart" data-options="iconCls:'icon-search',plain:true"
            data-url="/chart/chartByPie.do">饼状图</a>
    <a class="easyui-linkbutton chart" data-options="iconCls:'icon-search',plain:true"
            data-url="/chart/chartBybar.do">柱状图</a>
</div>

<div id="dg"></div>

<%--表格--%>
<table id="chart_list"></table>

</body>
</html>
